<!DOCTYPE HTML>
<html>
<head>
	<title>Services</title>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/responsiveslides.min.js"></script>
	<script>
		$(function () {
			$("#slider").responsiveSlides({
				auto: true,
				nav: true,
				speed: 500,
				namespace: "callbacks",
				pager: true,
			});
		});
	</script>
</head>
<body>
	<div class="header head-top">
		<div class="container">
			<div class="header-top">
				<nav class="navbar navbar-default">
					<div class="container-fluid">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
							<div class="navbar-brand">
								<h1><a href="user_index.html">Hotel</a></h1>
							</div>
						</div>
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li><a href="user_index.html">酒店<span class="sr-only">(current)</span></a></li>
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">房间 <span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li><a href="rooms.jsp">双人标间</a></li>
										<li><a href="rooms.jsp">豪华大床</a></li>
										<li><a href="rooms.jsp">情侣主题</a></li>
										<li><a href="rooms.jsp">商务标间</a></li>
										<li><a href="rooms.jsp">商务套间</a></li>
									</ul>
								</li>
								<li class="active"><a href="services.html">服务</a></li>
								<li><a href="about.jsp">个人中心</a></li>
								<li><a href="../index.jsp">退出</a></li>
							</ul>
						</div>
  					</div>
				</nav>
			</div>
		</div>
	</div>
	<div class="content">
		<div class="services">
			<div class="container">
				<div class="services-main">
					<h2>special services</h2>
					<div class="services1">
						<div class="col-md-6 services-grid">
							<div class="col-md-5 serv-img">
								<img src="images/p2.jpg" alt="" class="img-responsive">
							</div>
							<div class="col-md-7 serv-text">
								<h4>栖木咖啡馆</h4>
								<p>
									一个好的咖啡馆应该是明亮的，但不是华丽的。空间里应该有一定气息，但又不仅仅是苦涩的，主人应该是知己，但又不是过分殷勤。每天来的客人应该互相认识，但又不必时时都说话。咖啡是有价格的，但坐在这里的时光和故事无需付钱...
								</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="col-md-6 services-grid">
							<div class="col-md-5 serv-img">
								<img src="images/p3.jpg" alt="" class="img-responsive">
							</div>
							<div class="col-md-7 serv-text">
								<h4>丝竹坊茶舍</h4>
								<p>
									品茗讲的是一个心静，经由滚烫的沸水，经由忙乱的沉浮，尝一口这茶，味道虽然涩，但当它在缓缓渗入喉咙时，你会感到一种清香的回味，甜甜的，饱满丰盈，清香四溢，有一种豁然开朗的感觉，慢慢的你就会融入其中，但要切记，喝茶也是会喝醉的...								</p>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="services2">
						<div class="col-md-6 services-grid">
							<div class="col-md-5 serv-img">
								<img src="images/p4.jpg" alt="" class="img-responsive">
							</div>
							<div class="col-md-7 serv-text">
								<h4>慢格调网咖</h4>
								<p>
									高速的光纤接入，清新优雅的环境，轻松舒适的休闲氛围，飞奔的冲浪感受以及无限邂逅的可能。是上网、交流、游戏的高层次享受。星星点点的灯光如影如幻。一尘不染的地板上将顶灯映射出来，呵，很有一种身处幽静的异时空的感觉...
								</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="col-md-6 services-grid">
							<div class="col-md-5 serv-img">
								<img src="images/p5.jpg" alt="" class="img-responsive">
							</div>
							<div class="col-md-7 serv-text">
								<h4>优途健身房</h4>
								<p>
									事实上，几乎每一个成功的人，都有一段沉默的努力时光，里面有艰辛的汗水，也有无数次失败时的泪水。很多人在黎明前一刻认输，只有那些能从黑暗中穿行而过的人，最后才获得真正的成功。亲爱的，想成为别人眼中的理想型，那么，今天你健身了么...
								</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
		</div>
		<div class="packages-section">
			<div class="container">
				<h3>leisurely</h3>
				<div class="packages-grids">
					<div class="col-md-3 packages-grid">
						<div class="packages-grid1">
							<img src="images/p6.jpg" class="img-responsive" alt=""/>
						</div>
						<h4>发呆</h4>
					</div>
					<div class="col-md-3 packages-grid">
						<div class="packages-grid1">
							<img src="images/p7.jpg" class="img-responsive" alt=""/>
						</div>
						<h4>散步</h4>
					</div>
					<div class="col-md-3 packages-grid">
						<div class="packages-grid1">
							<img src="images/p8.jpg" class="img-responsive" alt=""/>
						</div>
						<h4>音乐</h4>
					</div>
					<div class="col-md-3 packages-grid">
						<div class="packages-grid1">
							<img src="images/p9.jpg" class="img-responsive" alt=""/>
						</div>
						<h4>桌球</h4>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<div class="touch-section">
			<div class="container">
				<h3>联系我们&nbsp;get in touch</h3>
				<div class="touch-grids">
					<div class="col-md-4 touch-grid">
						<h4>地址</h4>
						<h5>银座</h5>
						<p>一米阳光广场</p>
						<p>怡海阁</p>
					</div>
					<div class="col-md-4 touch-grid">
						<h4>联系方式</h4>
						<h5>电话&Email</h5>
						<p>180 0603 6035</p>
						<p><a href="mailto:example@mail.com"> example@mail.com</a></p>
					</div>
					<div class="col-md-4 touch-grid">
						<h4>在线联系</h4>
						<h5>QQ&微信</h5>
						<p>9798336677</p>
						<p>180 0603 6035</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-section">
		<div class="container">
			<div class="footer-top">
				<p></p>
			</div>
		</div>
	</div>
</body>
</html>
